@import "../../common/style/var.less";

.legend {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;

  &--header {
    height: @legend--header-height;
    line-height: @legend--header-height;
    text-align: center;
  }

  &--li {
    min-width: @legend--li-min-width;
    height: @legend--li-height;
    line-height: @legend--li-height;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;

    &__icon {
      margin-right: @legend--li-item-margin-right;
    }
    &__name {
      margin-right: @legend--li-item-margin-right;
    }
    &__slot {
      margin-left: @legend--li-item-margin-right;
    }
  }
}